<!doctype html>
<jsp:directive.page import="com.cn.ccp.bean.UserBean" />
<%@page contentType="text/html;charset=UTF-8"%>
<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="https://ajax4jsf.dev.java.net/ajax" prefix="a4j"%>
<html>
<f:view>
<f:loadBundle var="messages" basename="messages"></f:loadBundle>
<head>
<meta charset="utf-8">
<title><h:outputText value="#{messages['system_title']}" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- styles -->
    <link href="<%=request.getContextPath()%>/css/bootstrap.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="<%=request.getContextPath()%>/css/custom.css" rel="stylesheet">
    <!--[if lt IE 9]>
      <script src="<%=request.getContextPath()%>/js/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="<%=request.getContextPath()%>/images/icon/apple-touch-icon-57-precomposed.png">
    <link rel="shortcut icon" href="<%=request.getContextPath()%>/images/icon/favicon.png">
    <style type="text/css" media="screen"> 
		html, body	{ height:100%; }
		body { margin:0; padding:0; overflow:auto; }   
		#flashContent { display:none; }
       </style> 
	
	<script type="text/javascript" src="<%=request.getContextPath()%>/flexpaper/js/flexpaper_flash.js"></script>
   <%
		UserBean users = (UserBean) session.getAttribute("userBean");
			if ((users == null) || (users.getUserName().equals(""))) {
	%>
		<jsp:forward page="../sessionInvalid.jsp" />
	<%
	}
	%>
</head>

<body class="bg-white" >
	 
		<div class="row page-head">
			<h3 class="page-title">
				<i class="n-icon-selection  n-icon-black"></i><h:outputText value="#{messages['course_page_course_info']}"/>&nbsp;&gt;&nbsp;<b><h:outputText value="#{messages['course_page_course_swf']}" /></b>
			</h3>
		</div>
		<div style="margin-right: 20px">
			<h:form>
				<h:commandButton action="#{publicAction.goBack}" value="返回" styleClass="btn" style="margin-left: 20px;"></h:commandButton>
				
				<div style="position:absolute;top:160px">
			        <a id="viewerPlaceHolder" style="width:900px;height:800px;display:block"></a>
			        <script type="text/javascript">
			     		var fp = new FlexPaperViewer(	
								 '<%=request.getContextPath()%>/flexpaper/FlexPaperViewer',
								 'viewerPlaceHolder', { config : {
								 SwfFile : escape('<%=request.getContextPath()%>/swfFile/<%=(String)session.getAttribute("swfFileName")%>'),
								 Scale : 0.6, 
								 ZoomTransition : 'easeOut',
								 ZoomTime : 0.5,
								 ZoomInterval : 0.2,
								 FitPageOnLoad : true,
								 FitWidthOnLoad : false,
								 PrintEnabled : false,
								 FullScreenAsMaxWindow : false,
								 ProgressiveLoading : true,
								 MinZoomSize : 0.2,
								 MaxZoomSize : 5,
								 SearchMatchAll : false,
								 InitViewMode : 'Portrait',
								 
								 ViewModeToolsVisible : true,
								 ZoomToolsVisible : true,
								 NavToolsVisible : true,
								 CursorToolsVisible : true,
								 SearchToolsVisible : true,
		  						
		  						 localeChain: 'zh_CN'
							}});
			        </script>
		        </div>
	        </h:form>
	 	</div>
	<script src="<%=request.getContextPath()%>/js/jquery-1.8.3.min.js"></script>
	<script src="<%=request.getContextPath()%>/js/bootstrap.js"></script>
</body>
</f:view>
</html>
